<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>忘记密码</title>
    <link rel="stylesheet" type="text/css" href="../css/foot_style.css"/>
    <link rel="stylesheet" type="text/css" href="../css/head_style.css"/>
    <link rel="stylesheet" href="../js/layui-v2.2.6/layui/css/layui.css">
    <link rel="stylesheet" href="../css/resultPsd.css">
    <link rel="stylesheet" href="../css/fontCss.css">
    <script src="../js/layui-v2.2.6/layui/layui.js"></script>
</head>
<body>
    <!--头部-->
    <div class="head">
        <div class="head1 ">
            <img class="img" src="../img/top1.png" alt="汇网" width="50" height="50"/>
            <div class="head-search layui-form">
                <i class="layui-icon layui-icon-face-smile search-icon">&#xe615;</i>
                <div class="layui-input-inline head-search-input">
                    <select name="modules" lay-verify="required" lay-search="">
                        <option value="">寻找人才</option>
                        <option value="1">人才1号</option>
                    </select>
                </div>
            </div>
            <div class="layui-btn layui-btn-sm fabu-btn">发&nbsp;&nbsp;布</div>
            <div class="btns">
                        <span class="language-btns" >
                            中文
                            <i class="layui-icon layui-icon-face-smile language-icon">&#xe61a;</i>
                        &nbsp;&nbsp;&nbsp;
                            <div class="span-div">
                                <p class="cn">中文</p>
								<hr/>
								<p class="eng">English</p>
                            </div>
                        </span>
                <span>&nbsp;&nbsp;&nbsp;</span>
                <div class="img-userhead">
                    <img src="../img/1/10.png" width="32" height="32" style="border-radius: 16px;;"><!--头像-->
                    <span class="user-btn">Manty
                                <i class="layui-icon layui-icon-face-smile user-icon" style="font-size: 14px;">&#xe61a;</i>
                            </span>
                    <div class="userbox">
                        <div class="userbox-user">
                            <img src="../img/1/10.png"/>
                            <span class="userbox-usename">Manty</span>
                            <span class="userbox-usertype">个人用户</span>
                        </div>
                        <div class="userbox-set">
                            <i class="iconfont " style="font-size: 14px;color: #333333;">&#xe606;</i>
                            &nbsp;&nbsp;&nbsp;设置
                        </div>
                        <div class="userbox-out">
                            <i class="iconfont " style="font-size: 14px;color: #333333;">&#xe652;</i>
                            &nbsp;&nbsp;&nbsp;安全退出
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container">
        <div class="title">重置密码</div>
        <div>
            <div class="layui-tab layui-tab-brief">
                <ul class="layui-tab-title">
                    <li class="layui-this">手机号</li>
                    <li>邮箱</li>
                </ul>
                <div class="layui-tab-content">
                    <div class="layui-tab-item layui-show">
                        <form class="layui-form layui-form-pane" action="javascript:;">
                            <div class="layui-form-item">
                                <div class="layui-input-block">
                                    <input class="layui-input" type="text" placeholder="请输入您的手机号">
                                    <div class="bord-fa"></div>
                                    <i class="iconfont vercode">&#xe75b;</i>
                                    <div class="ok-icon"><i class="iconfont" style="color: green;">&#xe75c;</i></div>
                                </div>
                            </div>
                            <div class="layui-form-item" style="margin-bottom: 30px">
                                <div class="layui-input-block">
                                    <input class="layui-input half-input" type="text" placeholder="请输入验证码">
                                    <div class="bord-fa"></div>
                                    <i class="iconfont vercode">&#xe75d;</i>
                                    <a href="javascript:" class="layui-form-label">获取验证码</a>
                                </div>
                            </div>
                            <div>
                                <button type="button" class="layui-btn nextBtn">下一步</button>
                            </div>
                        </form>
                    </div>
                    <div class="layui-tab-item">
                        <form class="layui-form layui-form-pane" action="javascript:;">
                            <div class="layui-form-item">
                                <div class="layui-input-block">
                                    <input class="layui-input" type="text" placeholder="请输入您的手机号">
                                    <div class="bord-fa"></div>
                                    <i class="iconfont vercode">&#xe75b;</i>
                                    <div class="ok-icon"><i class="iconfont" style="color: green;">&#xe75c;</i></div>
                                </div>
                            </div>
                            <div class="layui-form-item" style="margin-bottom: 30px">
                                <div class="layui-input-block">
                                    <input class="layui-input" type="text" placeholder="请输入您的手机号">
                                    <div class="bord-fa"></div>
                                    <i class="iconfont vercode">&#xe75a;</i>
                                    <!--<div class="ok-icon"><i class="iconfont" style="color: green;">&#xe75c;</i></div>-->
                                </div>
                            </div>
                            <div>
                                <button type="button" class="layui-btn nextBtn">下一步</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="foot">
        <div class="foot1">
            Copyright © 2018 世界汇网  www.thewiorldwie.cn
        </div>
    </div>
    <script>
        layui.use(['form', 'layedit', 'laydate','element'], function(){
            var form = layui.form
                ,layer = layui.layer
                ,layedit = layui.layedit
                ,laydate = layui.laydate
                ,$ = layui.jquery
                ,element = layui.element;

             $(".language-btns").click(function(){
                if(!$(".span-div").is(':hidden')){//如果当前不隐藏
                    $('.span-div').hide();//就隐藏div
                    $(".language-icon").html("&#xe61a;")
                }else{//否则
					$('.userbox').hide();//就隐藏div
					$(".user-icon").html("&#xe61a;")
                    $('.span-div').show();//那么就显示div
                    $(".language-icon").html("&#xe619;")
                }
            })

            $(".user-btn").click(function(){
                if(!$(".userbox").is(':hidden')){//如果当前不隐藏
                    $('.userbox').hide();//就隐藏div
                    $(".user-icon").html("&#xe61a;")
                }else{//否则
 					$('.span-div').hide();//就隐藏div
 					$(".language-icon").html("&#xe61a;")
                    $('.userbox').show();//那么就显示div
                    $(".user-icon").html("&#xe619;")
                }
            });

        })
    </script>
</body>
</html>